<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>深度学习进阶 - 数智学习</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
    <link rel="stylesheet" href="../../css/style.css">
</head>
<body class="bg-gradient-to-br from-purple-900 via-indigo-800 to-blue-900 text-white min-h-screen">
    <header class="backdrop-blur-md bg-opacity-30 bg-gray-900 fixed w-full z-50">
        <nav class="container mx-auto px-6 py-4">
            <div class="flex items-center justify-between">
                <div class="logo flex items-center">
                    <img src="../../images/logo.svg" alt="数智学习" class="h-8 w-8 mr-2">
                    <span class="text-2xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-500">数智学习</span>
                </div>
                <ul class="nav-links flex space-x-8">
                    <li><a href="../../index.html" class="hover:text-blue-400 transition-colors">首页</a></li>
                    <li><a href="../overview/methods.html" class="hover:text-blue-400 transition-colors">学习方法</a></li>
                    <li><a href="basics.html" class="hover:text-blue-400 transition-colors">基础知识</a></li>
                    <li><a href="data_analysis.html" class="hover:text-blue-400 transition-colors">数据分析</a></li>
                    <li><a href="machine_learning.html" class="hover:text-blue-400 transition-colors">机器学习</a></li>
                    <li><a href="deep_learning.html" class="text-blue-400">深度学习</a></li>
                </ul>
            </div>
        </nav>
    </header>

    <main class="pt-24">
        <div class="container mx-auto px-6 py-12">
            <h1 class="text-4xl font-bold mb-8 text-center bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-500">深度学习进阶</h1>
            
            <!-- 深度学习框架 -->
            <div class="backdrop-blur-md bg-white bg-opacity-5 rounded-xl p-8 mb-8">
                <h2 class="text-2xl font-bold mb-6 text-blue-400">深度学习框架</h2>
                <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                    <div class="space-y-4">
                        <h3 class="text-xl font-bold text-blue-400">PyTorch</h3>
                        <ul class="list-disc list-inside space-y-2 text-gray-300">
                            <li>张量操作与自动求导</li>
                            <li>神经网络构建</li>
                            <li>数据加载与预处理</li>
                            <li>模型训练与部署</li>
                        </ul>
                    </div>
                    <div class="space-y-4">
                        <h3 class="text-xl font-bold text-purple-400">TensorFlow</h3>
                        <ul class="list-disc list-inside space-y-2 text-gray-300">
                            <li>Keras API使用</li>
                            <li>模型构建与训练</li>
                            <li>自定义层与损失函数</li>
                            <li>模型保存与加载</li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- 神经网络模型 -->
            <div class="backdrop-blur-md bg-white bg-opacity-5 rounded-xl p-8 mb-8">
                <h2 class="text-2xl font-bold mb-6 text-purple-400">神经网络模型</h2>
                <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                    <div class="space-y-4">
                        <h3 class="text-xl font-bold text-blue-400">计算机视觉</h3>
                        <ul class="list-disc list-inside space-y-2 text-gray-300">
                            <li>卷积神经网络(CNN)</li>
                            <li>ResNet架构</li>
                            <li>目标检测网络</li>
                            <li>图像分割模型</li>
                        </ul>
                    </div>
                    <div class="space-y-4">
                        <h3 class="text-xl font-bold text-purple-400">自然语言处理</h3>
                        <ul class="list-disc list-inside space-y-2 text-gray-300">
                            <li>循环神经网络(RNN)</li>
                            <li>LSTM与GRU</li>
                            <li>Transformer架构</li>
                            <li>BERT与GPT模型</li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- 高级主题 -->
            <div class="backdrop-blur-md bg-white bg-opacity-5 rounded-xl p-8">
                <h2 class="text-2xl font-bold mb-6 text-indigo-400">高级主题</h2>
                <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
                    <div class="space-y-4">
                        <h3 class="text-xl font-bold text-blue-400">模型优化</h3>
                        <ul class="list-disc list-inside space-y-2 text-gray-300">
                            <li>优化器选择</li>
                            <li>学习率调度</li>
                            <li>正则化技术</li>
                            <li>模型压缩与量化</li>
                        </ul>
                    </div>
                    <div class="space-y-4">
                        <h3 class="text-xl font-bold text-purple-400">前沿技术</h3>
                        <ul class="list-disc list-inside space-y-2 text-gray-300">
                            <li>生成对抗网络(GAN)</li>
                            <li>强化学习</li>
                            <li>迁移学习</li>
                            <li>自监督学习</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <footer class="container mx-auto px-6 py-8 text-center text-gray-400">
        <p class="mb-2">&copy; 2024 数智学习. All rights reserved.</p>
        <p><a href="https://beian.miit.gov.cn/" target="_blank" class="hover:text-blue-400 transition-colors">晋ICP备20000773号-3</a></p>
    </footer>
    <script src="../../js/effects.js"></script>
</body>
</html> 